<ngb-tabset (tabChange)="tabChange($event)" [activeId]="ngbTabsetActiveId">
  <ngb-tab *ngFor="let category of categories" [id]="category.id">
    <ng-template ngbTabTitle >
        <div ngbDropdown>
            <b>{{category.categoryName}}</b> <span ngbDropdownToggle></span>

        <div ngbDropdownMenu class="animated fadeIn">
            <button class="dropdown-item" (click)="renameCategory(category)"><i class="fa  fa-pencil fa-fw"></i> 重命名</button>
            <button class="dropdown-item" (click)="removeCategory(category)" ><i class="fa  fa-remove fa-fw"></i> 删除</button>
        </div>
        </div>
    </ng-template>
    <ng-template ngbTabContent>

        <app-slideshows-list [slideshowCategory]="category"></app-slideshows-list>

    </ng-template>
  </ngb-tab>
  <ngb-tab id="add" title="添加">
      <ng-template ngbTabContent>
          <div class="slideshows-container">
              <a (click)="addCategory()">请先添加分类</a>
          </div>
      </ng-template>
  </ngb-tab>
</ngb-tabset>
